/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      文本      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-ShowContent-singleRow {
  white-space: nowrap;

  /* ============================== 有边框 ============================== */
  &.el-input__inner .CoreWeb-EasyScroll {
    margin-top: 0;
  }

  /* ============================== 滚动区 ============================== */
  .CoreWeb-EasyScroll {
    position: absolute !important;
    left: 50%;
    margin-top: 1px;
    transform: translateX(-50%);
  }
}

.CoreBody .el-form-item .CoreWeb-ShowContent-singleRow .CoreWeb-EasyScroll {
  height: 31px !important;

  .__rail-is-horizontal,
  .__bar-is-horizontal {
    height: 7px !important;
  }
}

.CoreBody .el-form-item--medium .CoreWeb-ShowContent-singleRow .CoreWeb-EasyScroll {
  height: 29px !important;

  .__rail-is-horizontal,
  .__bar-is-horizontal {
    height: 6px !important;
  }
}

.CoreBody .el-form-item--small .CoreWeb-ShowContent-singleRow .CoreWeb-EasyScroll {
  height: 27px !important;

  .__rail-is-horizontal,
  .__bar-is-horizontal {
    height: 5px !important;
  }
}

.CoreBody .el-form-item--mini .CoreWeb-ShowContent-singleRow .CoreWeb-EasyScroll {
  height: 25px !important;

  .__rail-is-horizontal,
  .__bar-is-horizontal {
    height: 4px !important;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      多行      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-ShowContent {
  /* ============================== 多行 ============================== */
  &-multiRow {
    white-space: initial;
    word-break: break-all;
  }

  /* ============================== 具体行行 ============================== */
  @for $i from 10 to 1 {
    &-row#{$i} {
      /* —————————————————————————————— 滚动区 —————————————————————————————— */
      .CoreWeb-EasyScroll {
        height: $i * 24px !important;
      }
    }
  }
}
